/* global */
body{font-family:verdana,"MicroSoft YaHei"}

a,span,div,p,ul,li,ol,b{-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}

.xy_c{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;}

.swiper-slide{position:relative;overflow:hidden;width:100%;height:100%;}

.delay_100ms{ -webkit-animation-delay:100ms; animation-delay:100ms; }
.delay_200ms{ -webkit-animation-delay:200ms; animation-delay:200ms; }
.delay_300ms{ -webkit-animation-delay:300ms; animation-delay:300ms; }
.delay_400ms{ -webkit-animation-delay:400ms; animation-delay:400ms; }
.delay_500ms{ -webkit-animation-delay:500ms; animation-delay:500ms; }
.delay_600ms{ -webkit-animation-delay:600ms; animation-delay:600ms; }
.delay_700ms{ -webkit-animation-delay:700ms; animation-delay:700ms; }
.delay_800ms{ -webkit-animation-delay:800ms; animation-delay:800ms; }
.delay_900ms{ -webkit-animation-delay:900ms; animation-delay:900ms; }
.delay_1s{ -webkit-animation-delay:1s; animation-delay:1s; }
.delay_1100ms{ -webkit-animation-delay:1.1s; animation-delay:1.1s; }
.delay_1200ms{ -webkit-animation-delay:1.2s; animation-delay:1.2s; }
.delay_1300ms{ -webkit-animation-delay:1.3s; animation-delay:1.3s; }
.delay_1400ms{ -webkit-animation-delay:1.4s; animation-delay:1.4s; }
.delay_1500ms{ -webkit-animation-delay:1.5s; animation-delay:1.5s; }
.delay_1600ms{ -webkit-animation-delay:1.6s; animation-delay:1.6s; }
.delay_1700ms{ -webkit-animation-delay:1.7s; animation-delay:1.7s; }
.delay_1800ms{ -webkit-animation-delay:1.8s; animation-delay:1.8s; }
.delay_1900ms{ -webkit-animation-delay:1.9s; animation-delay:1.9s; }
.delay_2s{ -webkit-animation-delay:2s; animation-delay:2s; }
.delay_2_2s{ -webkit-animation-delay:2.2s; animation-delay:2.2s; }
.delay_2300ms{ -webkit-animation-delay:2.3s; animation-delay:2.3s; }
.delay_2400ms{ -webkit-animation-delay:2.4s; animation-delay:2.4s; }
.delay_2500ms{ -webkit-animation-delay:2.5s; animation-delay:2.5s; }
.delay_2700ms{ -webkit-animation-delay:2.7s; animation-delay:2.7s; }
.delay_3s{ -webkit-animation-delay:3s; animation-delay:3s; }
.delay_5s{ -webkit-animation-delay:5s; animation-delay:5s; }

.power-scroll-container .ui-up-arrow{bottom:-5%;}
.swiper-slide{background:url("../images/normal_bg.jpg");background-size:100% 100%;background-color:#ee4136;overflow:hidden;}
.page_working{background:url("../images/page2bg.png");background-size:100% 100%;overflow:hidden;}
.page_index {background:url("../images/index_bg.jpg");background-size:100% 100%;}
.page_index .txtlist{margin:15% auto;width:520px;}
.txtlist .txt{margin:15px 0;}
.logo{margin:5%;}
.car{position:absolute;bottom:0;left:0;}
.lights{position:absolute;width:100%;height:100%;left:0;top:0;}
.lights .l{position:absolute;display:block;}
.lights img{width:100%;}
.lights .l01{width:15%;right:10%;top:-13%;}
.lights .l02{width:12%;left:40%;top:35%;}
.lights .l03{width:30%;right:-15%;top:15%;}
.lights .l04{width:12%;left:-2%;top:35%;}
.lights .l05{width:8%;left:40%;bottom:30%;}
.lights .l06{width:6%;left:8%;bottom:40%;}
.lights .l07{width:3%;left:7%;bottom:35%;}


/**/
.page2-text{font-size: 36px;color: #fff;margin-left: 292px;}
.page2-text2{font-size: 24px;color: #727272;width: 60%;margin-left: 237px;margin-top: 20px;}
.page2-text3{font-size: 24px;color: #fff;width: 30%;margin-left: 50px;margin-top: 37px;}
.page2-text4{font-size: 24px;color: #727272;margin-left: 20px;}





.txtbox{position:absolute;width:100%;padding:25px 0;background:#ee4136;color:#fff;text-align:center;top:50%;-webkit-transform:translateY(-50%)}
.txtbox p{padding:15px 0;}
.txtbox .cn{font-size:54px;}
.txtbox .en{font-size:30px;}

.page_working_photos{ background-image : url("../images/page3-bg.png");}
.photolist {position:absolute;z-index:9;width:100%;height:100%;left:0;top:0;}
.photolist .imgs{border-radius:100%;position:absolute;overflow:hidden;border:solid 10px rgba(238,65,54,0.5)}
.photolist .img01{top:5%;left:15%;animation:floatRightTilt 8s infinite ease-in -13s;-webkit-animation:floatRightTilt 8s infinite ease-in -13s;}
.photolist .img02{top:35%;right:5%;animation:floatLeftTilt 8s infinite ease-in -14s;-webkit-animation:floatLeftTilt 8s infinite ease-in -14s;}
.photolist .img03{top:35%;left:5%;animation:floatUpDown 8s infinite ease-in -15s;-webkit-animation:floatUpDown 8s infinite ease-in -15s;}
.photolist .img04{bottom:10%;right:15%;animation:floatRightTilt 8s infinite ease-in -16s;-webkit-animation:floatRightTilt 8s infinite ease-in -16s;}

.living_photolist .limg01{top:3%;right:3%}
.living_photolist .limg02{top:4%;left:2%}
.living_photolist .limg03{top:20%;right:28%}
.living_photolist .limg04{top:40%;left:5%}
.living_photolist .limg05{top:40%;right:5%}
.living_photolist .limg06{bottom:20%;right:35%}
.living_photolist .limg07{bottom:3%;left:3%}
.living_photolist .limg08{bottom:3%;right:3%}
.living_photolist .limg01{animation:floatRightTilt 8s infinite ease-in -13s;-webkit-animation:floatRightTilt 8s infinite ease-in -13s;}
.living_photolist .limg02{animation:floatLeftTilt 8s infinite ease-in -14s;-webkit-animation:floatLeftTilt 8s infinite ease-in -14s;}
.living_photolist .limg03{animation:floatUpDown 8s infinite ease-in -15s;-webkit-animation:floatUpDown 8s infinite ease-in -15s;}
.living_photolist .limg04{animation:floatRightTilt 8s infinite ease-in -16s;-webkit-animation:floatRightTilt 8s infinite ease-in -16s;}
.living_photolist .limg05{animation:floatLeftTilt 8s infinite ease-in -17s;-webkit-animation:floatLeftTilt 8s infinite ease-in -17s;}
.living_photolist .limg06{animation:floatUpDown 8s infinite ease-in -18s;-webkit-animation:floatUpDown 8s infinite ease-in -18s;}
.living_photolist .limg07{animation:floatRightTilt 8s infinite ease-in -19s;-webkit-animation:floatRightTilt 8s infinite ease-in -19s;}
.living_photolist .limg08{animation:floatLeftTilt 8s infinite ease-in -20s;-webkit-animation:floatLeftTilt 8s infinite ease-in -20s;}

.page_living_photos{background:url("../images/living_bg.jpg");background-size:100% 100%;}
.dotlist{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0}
.dot{border:solid 15px #ee4136;position:absolute;border-radius:100%;}
.dot01{top:12%;left:8%;border-width:10px;}
.dot02{top:15%;right:15%;}
.dot03{top:5%;right:25%;border-width:20px;}
.dot04{top:25%;right:25%;border-width:7px;}
.dot05{bottom:22%;left:10%;border-width:16px;}
.dot06{bottom:7%;left:25%;border-width:12px;}
.dot07{bottom:30%;left:26%;border-width:12px;}
.dot08{top:3%;left:40%;border-width:12px;}
.dot09{top:8%;left:50%;border-width:18px;}
.dot10{top:30%;left:5%;border-width:22px;}
.dot11{bottom:35%;right:8%;border-width:20px;}
.dot12{bottom:25%;right:22%;border-width:15px;}

.dot01{animation:floatRightTilt 8s infinite ease-in -1s;-webkit-animation:floatRightTilt 8s infinite ease-in -1s;}
.dot02{animation:floatLeftTilt 8s infinite ease-in -2s;-webkit-animation:floatLeftTilt 8s infinite ease-in -2s;}
.dot03{animation:floatUpDown 8s infinite ease-in -3s;-webkit-animation:floatUpDown 8s infinite ease-in -3s;}
.dot04{animation:floatRightTilt 8s infinite ease-in -4s;-webkit-animation:floatRightTilt 8s infinite ease-in -4s;}
.dot05{animation:floatLeftTilt 8s infinite ease-in -5s;-webkit-animation:floatLeftTilt 8s infinite ease-in -5s;}
.dot06{animation:floatUpDown 8s infinite ease-in -6s;-webkit-animation:floatUpDown 8s infinite ease-in -6s;}
.dot07{animation:floatRightTilt 8s infinite ease-in -7s;-webkit-animation:floatRightTilt 8s infinite ease-in -7s;}
.dot08{animation:floatLeftTilt 8s infinite ease-in -8s;-webkit-animation:floatLeftTilt 8s infinite ease-in -8s;}
.dot09{animation:floatUpDown 8s infinite ease-in -9s;-webkit-animation:floatUpDown 8s infinite ease-in -9s;}
.dot10{animation:floatLeftTilt 8s infinite ease-in -10s;-webkit-animation:floatLeftTilt 8s infinite ease-in -10s;}
.dot11{animation:floatRightTilt 8s infinite ease-in -11s;-webkit-animation:floatRightTilt 8s infinite ease-in -11s;}
.dot12{animation:floatUpDown 8s infinite ease-in -12s;-webkit-animation:floatUpDown 8s infinite ease-in -12s;}


.page_end{background:url("../images/page1bg.png");background-size:100% 100%;}
.videobox{background:#ee4136;padding:3px 0;position:absolute;width:100%;top:20%;left:0;height:30%;z-index:999;}

.guide-join-box{
    top:50%;position:absolute;left:50%;width:300px;height:300px;margin:-150px 0 0 -150px;
    border-radius:100%;
    -webkit-box-shadow : 0 0 0 255px rgba(255, 255, 255, 0.1);
    -moz-box-shadow : 0 0 0 255px rgba(255, 255, 255, 0.1);
    box-shadow : 0 0 0 255px rgba(255, 255, 255, 0.1);
}
.guide-join{text-align:center;background:#fff;border-radius:100%;width:100%;height:100%;
    -webkit-box-shadow : 0 0 0 100px rgba(255, 255, 255, 0.5);
    -moz-box-shadow : 0 0 0 100px rgba(255, 255, 255, 0.5);
    box-shadow : 0 0 0 100px rgba(255, 255, 255, 0.5);
}
.guide-join img{display : block;margin:10px auto 20px;}
.clickhere{padding:35px 0 0}


/* iPhone 3  */
@media only screen
and (device-width : 320px)
and (device-height : 480px){
}
@media only screen
and (device-width : 320px)
and (device-height : 480px)
and (-webkit-min-device-pixel-ratio: 2){
}

/* iPhone 6  */
@media only screen
and (device-width : 375px)
and (device-height : 667px){
}
/* iPhone 6 plus  */
@media only screen
and (device-width : 414px)
and (device-height : 736px){
}
/* iPhone 5 */
@media only screen
and (device-width : 320px)
and (device-height : 568px){
}
